<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<style type="text/css">
	#net-error-modal, #confirm-modal {
		top: 30%;
	}
	
	#load-modal {
		color: white;
		display: none;
		font-size: 30px;
		text-align: center;
		padding-top: 200px;
	}
	
	#net-error-modal p.msg, #tips-msg-modal p.msg, #confirm-modal p.msg {
		color: red;
		font-size: 15px;
	}
</style>

<%-- 等待模态框 --%>
<div id="load-modal" class="modal-backdrop fade in load-modal">
	<i class="fa fa-spinner fa-spin fa-2x" ></i>
	<span class="load-msg"></span>
</div>

<%-- 网络错误模态框 --%>
<div id="net-error-modal" role="dialog" class="modal fade" tabindex="-1" aria-labelledby="网络错误模态框" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body">
				<p class="msg"><i class="fa fa-signal"></i>网络连接失败，请稍后重试！</p>
				<p>
					<a class="blue" href="javascript:location.replace(location.href);"><i class="ace-icon fa fa-refresh"></i>刷新</a>&nbsp;&nbsp;重试！
				</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>

<%-- 提示信息模态框 --%>
<div id="tips-msg-modal" role="dialog" class="modal fade" tabindex="-1" aria-labelledby="提示信息模态框" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body"><p class="msg">提示信息放在这里！</p></div>
			<div class="modal-footer">
				<button type="button" class="btn" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>

<%-- 确认模态框 --%>
<div id="confirm-modal" role="dialog" class="modal fade" tabindex="-1" aria-labelledby="确认模态框" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body"><p class="msg">确认吗？</p></div>
			<div class="modal-footer">
				<button type="button" class="btn" data-dismiss="modal">取消</button>
				<button id="confirm-btn" type="button" class="btn btn-danger">确定</button>
			</div>
		</div>
	</div>
</div>